<!DOCTYPE html>

<!--[if IE 8]><html class="ie8"><![endif]-->
<!--[if IE 9]><html class="ie9"><![endif]-->
<!--[if gt IE 9]><!-->


<html lang="en" xmlns:th="http://www.thymeleaf.org">
<!--<![endif]-->
<link href="\css\lbt.css" rel="stylesheet" type="text/css" />
<head>
    <title>猫眼电影 - 娱乐看猫眼</title>

    <!-- <link rel="dns-prefetch" href="//p0.meituan.net"> -->
    <!-- <link rel="dns-prefetch" href="//p1.meituan.net"> -->
    <!-- <link rel="dns-prefetch" href="//ms0.meituan.net"> -->
    <!-- <link rel="dns-prefetch" href="//s0.meituan.net"> -->
    <!-- <link rel="dns-prefetch" href="//ms1.meituan.net"> -->
    <!-- <link rel="dns-prefetch" href="//analytics.meituan.com"> -->
    <!-- <link rel="dns-prefetch" href="//report.meituan.com"> -->
    <!-- <link rel="dns-prefetch" href="//frep.meituan.com"> -->
    <!-- <link rel="alternate" media="only screen and (max-width: 640px)" href="https://m.maoyan.com/"> -->
    <!-- <link rel="canonical" href="https://maoyan.com/"> -->

    <!-- 引入bootstrap的css -->
    <link rel="stylesheet" href="../js/bootstrap/bootstrap3/css/bootstrap.css">
    <link rel="stylesheet" href="../js/bootstrap/bootstrap3/css/bootstrap-theme.css">
    <!-- 引入jquery的js -->
    <script type="text/javascript" src="../js/jquery.min.js"></script>
    <!-- 引入bootstrap的js -->
    <script type="text/javascript" src="../js/bootstrap/bootstrap3/js/bootstrap.js"></script>

    <!-- 引入boostrap的表格的css、js -->
    <link rel="stylesheet" href="../js/bootstrap/bootstrap-table/bootstrap-table.css">
    <script type="text/javascript" src="../js/bootstrap/bootstrap-table/bootstrap-table.js"></script>
    <script type="text/javascript" src="../js/bootstrap/bootstrap-table/locale/bootstrap-table-zh-CN.js"></script>
    <!-- 引入bootbox弹框的js -->
    <script type="text/javascript" src="../js/bootstrap/bootstrap-bootbox/bootbox.js"></script>

    <!-- 引入bootstrap的日期的css、js -->
    <link rel="stylesheet" href="../js/bootstrap/bootstrap-datetimepicker/css/bootstrap-datetimepicker.css">
    <script type="text/javascript" src="../js/bootstrap/bootstrap-datetimepicker/js/bootstrap-datetimepicker.js"></script>
    <script type="text/javascript" src="../js/bootstrap/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>
    <!-- 引入fileinput 文件上传的 css、js -->
    <!-- 引入fileinput 文件上传的 css、js -->
    <link rel="stylesheet" href="../js/bootstrap/bootstrap-fileinput/css/fileinput.css">
    <script type="text/javascript" src="../js/bootstrap/bootstrap-fileinput/js/fileinput.js"></script>
    <script type="text/javascript" src="../js/bootstrap/bootstrap-fileinput/js/locales/zh.js"></script>


    <meta charset="utf-8">
    <meta name="keywords" content="电影,电影购票,电影选座,影院选票,影院购票,电影评分,买票票电影">
    <meta name="description" content="买票票电影是国内观众喜爱的观影平台，为您提供了在线购票服务。同时，买票票电影还为您提供电影预告片、票房查询、电影排行榜、影视资讯等信息。">
    <meta http-equiv="cleartype" content="yes">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="renderer" content="webkit">

    <meta name="HandheldFriendly" content="true">
    <meta name="format-detection" content="email=no">
    <meta name="format-detection" content="telephone=no">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <script type="text/javascript" src="\js\zzsc.js"></script>

    <script>
        "use strict";
        ! function() {
            var i = 0 < arguments.length && void 0 !== arguments[0] ? arguments[0] : "_Owl_",
                n = window;
            n[i] || (n[i] = {
                isRunning: !1,
                isReady: !1,
                preTasks: [],
                dataSet: [],
                use: function(i, t) {
                    this.isReady && n.Owl && n.Owl[i](t), this.preTasks.push({
                        api: i,
                        data: [t]
                    })
                },
                add: function(i) {
                    this.dataSet.push(i)
                },
                run: function() {
                    var t = this;
                    if (!this.isRunning) {
                        this.isRunning = !0;
                        var i = n.onerror;
                        n.onerror = function() {
                            this.isReady || this.add({
                                type: "jsError",
                                data: arguments
                            }), i && i.apply(n, arguments)
                        }.bind(this), (n.addEventListener || n.attachEvent)("error", function(i) {
                            t.isReady || t.add({
                                type: "resError",
                                data: [i]
                            })
                        }, !0)
                    }
                }
            }, n[i].run())
        }();
    </script>
    <script>
        cid = "c_6jadt9m";
        ci = 1;
        window.system = {};

        window.openPlatform = '';
        window.openPlatformSub = '';
        window.$mtsiFlag = '0';
    </script>
    <link rel="stylesheet" href="../css/common.6b1d782c.css">
    <link rel="stylesheet" href="../css/home-index.fce66dcb.css">


    <link rel="stylesheet" href="//s3plus.meituan.net/v1/mss_e2821d7f0cfe4ac1bf9202ecf9590e67/cdn-prod/file:5788b470/common.6b1d782c.css"/>
    <link rel="stylesheet" href="//s3plus.meituan.net/v1/mss_e2821d7f0cfe4ac1bf9202ecf9590e67/cdn-prod/file:5788b470/profile-profile.772600de.css"/>


    <script crossorigin="anonymous" src="../js/stat.88d57c80.js"></script>
    <script>
        if (window.devicePixelRatio >= 2) {
            document.write(
                '<link rel="stylesheet" href="..//s3plus.meituan.net/v1/mss_e2821d7f0cfe4ac1bf9202ecf9590e67/cdn-prod/file:5788b470/image-2x.8ba7074d.css"/>'
            )
        }
    </script>

    <meta name="msvalidate.01" content="F338006073F396CBBDA443AAB6A8BA47">
    <meta name="360-site-verification" content="6f1d12912a62a74ce2f1b3c2e75f6c23">
    <meta name="sogou_site_verification" content="uh9MkgvBm3">
    <style>
        @font-face {
            font-family: stonefont;
            src: url(&#x27;fonts/01e0fbdbd6b5a4bc8ba1fe8a890a649d3440.eot&#x27;);
            src: url(&#x27;fonts/01e0fbdbd6b5a4bc8ba1fe8a890a649d3440.eot#iefix&#x27;) format(&#x27; embedded-opentype&#x27; ),
        url(&#x27;fonts/f0a30a4dda64b4f8f344858115f54fc92296.woff&#x27;) format(&#x27; woff&#x27; );
        }

        .stonefont {
            font-family: stonefont;
        }


        .div_class{
            background-color: red;
            color: white;
        }
        .div_class2{
            background-color: white;
            color: black;
        }
    </style>
    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?703e94591e87be68cc8da0da7cbd0be2";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();





    </script>

    <script type="text/javascript" src="../js/jquery.min.js"></script>
<body style="overflow:scroll">

<input type="hidden" id="stu" th:value="${stu}" name="hallid"/>
    <div class="header">
        <div class="header-inner">
            <h1><a href="//maoyan.com" class="logo" data-act="icon-click">买票票电影</a></h1>
            <div class="city-container" data-val="{currentcityid:1 }">
                <div class="city-selected">
                    <div class="city-name">
                        北京
                        <span class="caret"></span>
                    </div>
                </div>
                <div class="city-list" data-val="{ localcityid: 1 }">
                    <div class="city-list-header">定位城市：<a class="js-geo-city" data-ci="1">北京</a></div>

                </div>
            </div>


            <div class="nav">
                <ul class="navbar">
                    <li><a href="/movie/homepage" data-act="home-click" class="active">首页</a></li>
                    <li><a href="../movie/movieAll?status=1" data-act="movies-click">电影</a></li>
                    <li><a href="../movie/cinemaAll" data-act="cinemas-click">影院</a></li>
                    <li><a href="javascript:list()" data-act="board-click">榜单</a></li>
                </ul>
            </div>

            <div  class="user-info">
                <div class="user-avatar J-login">
                    <img id="portrait" src="../images/7dd82a16316ab32c8359debdb04396ef2897.png">
                    <ul style="margin-left: 30px" class="user-menu no-login-menu" id="myMessage">
                        <li><a href="../page/login"  data-act="movies-click">登录</a></li>
                    </ul>
                </div>
            </div>

            <form action="../query" target="_blank" class="search-form" data-actform="search-click">
                <input name="kw" class="search" type="search" maxlength="32" placeholder="找影视剧、影人、影院"
                       autocomplete="off">
                <input class="submit" type="submit" value>
            </form>

            <div class="app-download" style="margin-left: 30px">
                <a href="../app" target="_blank">
                    <span class="iphone-icon"></span>
                    <span class="apptext">APP下载</span>
                    <span class="caret"></span>
                    <div class="download-icon">
                        <p class="down-title">扫码下载APP</p>
                        <p class="down-content">选座更优惠</p>
                    </div>
                </a>
            </div>

        </div>
    </div>
   <div style="width: 1200px;height:600px; margin: 0 auto;padding-top: 120px" >
       <div style="width: 250px;height:600px; position:fixed;background-color: gainsboro">
           <div style="padding:10px 50px ; ">
               <div  style="margin: 10px ;font-size: 30px">个人中心</div>
           </div>
           <div onclick="orderButton()" id="order" style="padding:15px; ">
               <div style="margin-left:60px ;font-size: 23px">订单查询</div>
           </div>
           <div onclick="userButton()" id="my" style="padding: 15px; ">
               <div style="margin-left:60px ;font-size: 23px">个人信息</div>
           </div>

       </div>

       <div style="width: 940px; margin-left:260px;  " id="myorder">
           <div class="orders-container">
               <div id="font" style="font-size:30px ;padding: 20px;color: red" onclick="queryOrder()" >我的订单</div>
               <div style="border: 1px black solid;width: 940px;height: 0px;margin: 20px 0px"></div>

                    <div id="myMovieOrder"  >
                        <div id="span1"></div>
                        <div style="width: 940px;color: lightslategray;font-size: 20px;" id="span2"><div style="margin-left: 400px;" class="glyphicon glyphicon-chevron-down" onclick="queryOrder()">展示更多</div></div>
                    </div>



                        <div  id="user23" >
                            <div class="profile-container">


                                <form id="userInfoFrom" class="userexinfo-form">

                                    <input type="hidden" name="id" id="id">
                                    <input type="hidden" name="img" id="img">
                                    <input type="hidden">

                                    <div class="userexinfo-form-section">
                                        <p>昵称：</p>
                                        <span>
                                        <input type="text" name="nickName" id="nickName" class="ui-checkbox" placeholder="2-15个字，支持中英文、数字" value="LING">
                </span>
                                    </div>
                                    <div class="userexinfo-form-section">
                                        <p>性别：</p>
                                        <span>
                                              <input type="radio" name="sex" id="userexinfo-form-gender-1" value="1"    class="ui-radio radio-first">
                                              <label for="userexinfo-form-gender-1">男</label>
                </span>
                                        <span>
                                              <input type="radio" name="sex" id="userexinfo-form-gender-2" value="2"  class="ui-radio">
                                              <label for="userexinfo-form-gender-2">女</label>
                                            </span>
                                    </div>
                                    <div class="date-picker userexinfo-form-section">
                                        <p>生日：</p>
                                        <span>
                                            <div class="ui-select">
                                              <select name="year" id="year" class="ui-select">
                                                <option value="0">--</option>
                                                <option value="2021">2021</option>
                                                <option value="2020">2020</option>
                                                <option value="2019">2019</option>
                                                <option value="2018">2018</option>
                                                <option value="2017">2017</option>
                                                <option value="2016">2016</option>
                                                <option value="2015">2015</option>
                                                <option value="2014">2014</option>
                                                <option value="2013">2013</option>
                                                <option value="2012">2012</option>
                                                <option value="2011">2011</option>
                                                <option value="2010">2010</option>
                                                <option value="2009">2009</option>
                                                <option value="2008">2008</option>
                                                <option value="2007">2007</option>
                                                <option value="2006">2006</option>
                                                <option value="2005">2005</option>
                                                <option value="2004">2004</option>
                                                <option value="2003">2003</option>
                                                <option value="2002">2002</option>
                                                <option value="2001">2001</option>
                                                <option value="2000">2000</option>
                                                <option value="1999">1999</option>
                                                <option value="1998">1998</option>
                                                <option value="1997">1997</option>
                                                <option value="1996">1996</option>
                                                <option value="1995">1995</option>
                                                <option value="1994">1994</option>
                                                <option value="1993">1993</option>
                                                <option value="1992">1992</option>
                                                <option value="1991">1991</option>
                                                <option value="1990">1990</option>
                                                <option value="1989">1989</option>
                                                <option value="1988">1988</option>
                                                <option value="1987">1987</option>
                                                <option value="1986">1986</option>
                                                <option value="1985">1985</option>
                                                <option value="1984">1984</option>
                                                <option value="1983">1983</option>
                                                <option value="1982">1982</option>
                                                <option value="1981">1981</option>
                                                <option value="1980">1980</option>
                                                <option value="1979">1979</option>
                                                <option value="1978">1978</option>
                                                <option value="1977">1977</option>
                                                <option value="1976">1976</option>
                                                <option value="1975">1975</option>
                                                <option value="1974">1974</option>
                                                <option value="1973">1973</option>
                                                <option value="1972">1972</option>
                                                <option value="1971">1971</option>
                                                <option value="1970">1970</option>
                                                <option value="1969">1969</option>
                                                <option value="1968">1968</option>
                                                <option value="1967">1967</option>
                                                <option value="1966">1966</option>
                                                <option value="1965">1965</option>
                                                <option value="1964">1964</option>
                                                <option value="1963">1963</option>
                                                <option value="1962">1962</option>
                                                <option value="1961">1961</option>
                                                <option value="1960">1960</option>
                                                <option value="1959">1959</option>
                                                <option value="1958">1958</option>
                                                <option value="1957">1957</option>
                                                <option value="1956">1956</option>
                                                <option value="1955">1955</option>
                                                <option value="1954">1954</option>
                                                <option value="1953">1953</option>
                                                <option value="1952">1952</option>
                                                <option value="1951">1951</option>
                                                <option value="1950">1950</option>
                                                <option value="1949">1949</option>
                                                <option value="1948">1948</option>
                                                <option value="1947">1947</option>
                                                <option value="1946">1946</option>
                                                <option value="1945">1945</option>
                                                <option value="1944">1944</option>
                                                <option value="1943">1943</option>
                                                <option value="1942">1942</option>
                                              </select>
                                            </div>
                                            <span class="tip">年</span>
                                          </span>
                                                                            <span>
                                            <div class="ui-select">
                                              <select name="month" id="month" class="ui-select">
                                                <option value="0">--</option>
                                                <option value="1">1</option>
                                                <option value="2">2</option>
                                                <option value="3">3</option>
                                                <option value="4">4</option>
                                                <option value="5">5</option>
                                                <option value="6">6</option>
                                                <option value="7">7</option>
                                                <option value="8">8</option>
                                                <option value="9">9</option>
                                                <option value="10">10</option>
                                                <option value="11">11</option>
                                                <option value="12">12</option>
                                              </select>
                                            </div>
                                            <span class="tip">月</span>
                                          </span>
                                                                            <span>
                                            <div class="ui-select">
                                              <select name="day" id="day" class="ui-select">
                                                <option value="0" >--</option>
                                                <option value="1">1</option>
                                                <option value="2">2</option>
                                                <option value="3">3</option>
                                                <option value="4">4</option>
                                                <option value="5">5</option>
                                                <option value="6">6</option>
                                                <option value="7">7</option>
                                                <option value="8">8</option>
                                                <option value="9">9</option>
                                                <option value="10">10</option>
                                                <option value="11">11</option>
                                                <option value="12">12</option>
                                                <option value="13">13</option>
                                                <option value="14">14</option>
                                                <option value="15">15</option>
                                                <option value="16">16</option>
                                                <option value="17">17</option>
                                                <option value="18">18</option>
                                                <option value="19">19</option>
                                                <option value="20">20</option>
                                                <option value="21">21</option>
                                                <option value="22">22</option>
                                                <option value="23">23</option>
                                                <option value="24">24</option>
                                                <option value="25">25</option>
                                                <option value="26">26</option>
                                                <option value="27">27</option>
                                                <option value="28">28</option>
                                                <option value="29">29</option>
                                                <option value="30">30</option>
                                                <option value="31">31</option>
                                              </select>
                                            </div>
                                            <span class="tip">日</span>
                                          </span>
                                    </div>

                                    <div class="userexinfo-form-section">
                                        <p>生活状态：</p>
                                            <span>
                                              <input type="radio" name="animation" id="userexinfo-form-merriage-1" value="单身" class="ui-radio radio-first"   >
                                              <label for="userexinfo-form-merriage-1">单身</label>
                                            </span>
                                            <span>
                                              <input type="radio" name="animation" id="userexinfo-form-merriage-2" value="热恋中" class="ui-radio" >
                                              <label for="userexinfo-form-merriage-2">热恋中</label>
                                            </span>
                                            <span>
                                              <input type="radio" name="animation" id="userexinfo-form-merriage-3" value="已婚" class="ui-radio" >
                                              <label for="userexinfo-form-merriage-3">已婚</label>
                                            </span>
                                            <span>
                                              <input type="radio" name="animation" id="userexinfo-form-merriage-4" value="为人父母" class="ui-radio" >
                                              <label for="userexinfo-form-merriage-4">为人父母</label>
                                            </span>
                                    </div>
                                    <div class="userexinfo-form-section">
                                        <p>从事行业：</p>
                                        <span>
                                        <div class="ui-select">
                                            <select id="occupation" name="occupation" class="ui-select">
                                              <option value="0">请选择</option>
                                              <option value="1">信息技术</option>
                                              <option value="2">金融保险</option>
                                              <option value="3">商业服务</option>
                                              <option value="4">建筑地产</option>
                                              <option value="5">工程制造</option>
                                              <option value="6">交通运输</option>
                                              <option value="7">文化传媒</option>
                                              <option value="8">娱乐体育</option>
                                              <option value="9">公共事业</option>
                                              <option value="10">学生</option>
                                              <option value="11">其他</option>
                                            </select>
                                          </div>
                                        </span>
                                    </div>

                                    <div class="userexinfo-form-section expand-list">
                                        <p>兴趣：</p>
                                        <div class="interest-list">
                                              <span>
                                                <input type="checkbox" name="interest" id="userexinfo-form-interest-1" value="美食" class="ui-checkbox"   >
                                                <label for="userexinfo-form-interest-1">美食</label>
                                              </span>
                                                                        <span>
                                                <input type="checkbox" name="interest" id="userexinfo-form-interest-2" value="动漫" class="ui-checkbox"  >
                                                <label for="userexinfo-form-interest-2">动漫</label>
                                              </span>
                                                                        <span>
                                                <input type="checkbox" name="interest" id="userexinfo-form-interest-3" value="摄影" class="ui-checkbox" >
                                                <label for="userexinfo-form-interest-3">摄影</label>
                                              </span>
                                                                        <span>
                                                <input type="checkbox" name="interest" id="userexinfo-form-interest-4" value="电影" class="ui-checkbox" >
                                                <label for="userexinfo-form-interest-4">电影</label>
                                              </span>
                                                                        <span>
                                                <input type="checkbox" name="interest" id="userexinfo-form-interest-5" value="体育" class="ui-checkbox" >
                                                <label for="userexinfo-form-interest-5">体育</label>
                                              </span>
                                                                        <span>
                                                <input type="checkbox" name="interest" id="userexinfo-form-interest-6" value="财经" class="ui-checkbox" >
                                                <label for="userexinfo-form-interest-6">财经</label>
                                              </span>
                                                                        <span>
                                                <input type="checkbox" name="interest" id="userexinfo-form-interest-7" value="音乐" class="ui-checkbox" >
                                                <label for="userexinfo-form-interest-7">音乐</label>
                                              </span>
                                                                        <span>
                                                <input type="checkbox" name="interest" id="userexinfo-form-interest-8" value="游戏" class="ui-checkbox" >
                                                <label for="userexinfo-form-interest-8">游戏</label>
                                              </span>
                                                                        <span>
                                                <input type="checkbox" name="interest" id="userexinfo-form-interest-9" value="科技" class="ui-checkbox" >
                                                <label for="userexinfo-form-interest-9">科技</label>
                                              </span>
                                                                        <span>
                                                <input type="checkbox" name="interest" id="userexinfo-form-interest-10" value="旅游" class="ui-checkbox" >
                                                <label for="userexinfo-form-interest-10">旅游</label>
                                              </span>
                                                                        <span>
                                                <input type="checkbox" name="interest" id="userexinfo-form-interest-11" value="文学" class="ui-checkbox" >
                                                <label for="userexinfo-form-interest-11">文学</label>
                                              </span>
                                                                        <span>
                                                <input type="checkbox" name="interest" id="userexinfo-form-interest-12" value="公益" class="ui-checkbox" >
                                                <label for="userexinfo-form-interest-12">公益</label>
                                              </span>
                                                                        <span>
                                                <input type="checkbox" name="interest" id="userexinfo-form-interest-13" value="汽车" class="ui-checkbox" >
                                                <label for="userexinfo-form-interest-13">汽车</label>
                                              </span>
                                                                        <span>
                                                <input type="checkbox" name="interest" id="userexinfo-form-interest-14" value="时尚" class="ui-checkbox" >
                                                <label for="userexinfo-form-interest-14">时尚</label>
                                              </span>
                                                                        <span>
                                                <input type="checkbox" name="interest" id="userexinfo-form-interest-15" value="宠物" class="ui-checkbox" >
                                                <label for="userexinfo-form-interest-15">宠物</label>
                                              </span>
                                        </div>
                                    </div>
                                    <div class="userexinfo-form-section">
                                        <p>个性签名：</p>
                                        <span>
                                           <input type="text" name="sign" id="sign" class="ui-checkbox" placeholder="20个字以内" value="4555">
                                        </span>
                                    </div>
                                    <input id="csrf" type="hidden" name="csrf" value="dc6843257ac8c47f1add4da24a575942d2a94af34bc2591f7e6a713858464d89" >
                                    <div class="userexinfo-bottom-section clearfix">
                                        <input type="button"  style="border-radius: 6px;padding: 10px 30px ; width: 120px;color: white; font-size: 25px;background-color: red;" value="保存" onclick="sub()">
                                        <!-- <span id="cancell-btn" class="cancel_alert hand">注销账号1</span> -->
                                    </div>

                                </form>
                            </div>

                        </div>
               </div>
       </div>


         <!--      <div class="body-mask"></div>
               <div id="img-cropper" class="img-cropper">
                   <div class="img-cropper-container">
                       <div class="img-cropper-header">
                           上传头像
                           <span class="close-icon"></span>
                       </div>
                       <div class="img-cropper-content">
                           <div class="img-main">
                               <div class="img-main-wrapper">
                                   <img src="https://img.meituan.net/avatar/7a3ba424ed43124a32918e6331a80f9d66523.jpg">
                               </div>
                           </div>
                           <div class="img-preview">
                               <p>预览</p>
                               <div class="img-preview-block"></div>
                           </div>
                       </div>
                       <div class="img-cropper-footer">
                           <div class="img-btn-confirm">
                               确认
                           </div>
                           <div class="img-btn-cancel">
                               取消
                           </div>
                       </div>
                   </div>
               </div>
               <script>
               </script>

           </div>

       </div>


-->


















































           </div>


           </div>
       </div>







   </div>
</body>









<script>


    function sub(){
        $.ajax({
            url:"../user/updateUserInfo",
            type:'post',
            data:$("#userInfoFrom").serialize(),//表单序列化
            success:function(){
                alert("保存成功")
            }
        });
    }



    //上传图片
    function aa(){

            bootbox.dialog({
                title:'新增用户',//标题
                message: createAddContent("../page/img"),//导入页面路径
                closeButton: true,
                //按钮
                buttons : {
                    //点击保存后
                    "success" : {
                        "label" : "<i class='icon-ok'></i> 保存",
                        "className" : "btn-sm btn-success",
                        "callback" : function() {//回调函数
                            //提交表单
                            $.ajax({
                                url:"<%=request.getContextPath() %>/crud/addmover.do",
                                type:'post',
                                data:$("#addForm").serialize(),//表单序列化
                                success:function(data){
                                    //刷新表格
                                    $('#myTable').bootstrapTable('refresh');
                                }
                            });
                        }
                    },
                    //点击取消后
                    "cancel" : {
                        "label" : "<i class='icon-info'></i> 取消",
                        "className" : "btn-sm btn-danger"
                    }
                }

            });


    }


    $(function(){
        //判断登录内容
        myMessage();

        if($("#stu").val()==1){
            orderButton();
        }
        else if($("#stu").val()==2){
            userButton();
        }
    })






    //订单按钮样式
    function orderButton(){
        $("#order").prop("class","div_class");
        $("#my").prop("class",".div_class2");
        $("#myMovieOrder").show();
        $("#user23").hide();
        $("#font").html("我的订单")
        //查询订单
        queryOrder();


    }
    //用户订单样式
    function userButton(){
        $("#my").prop("class","div_class");
        $("#order").prop("class",".div_class2");
        $("#myMovieOrder").hide();
        $("#user23").show();
        $("#font").html("基本信息")
        //查询用户信息
        queryUser()

    }





    //判断登录内容
    function myMessage(){

        $.ajax({
            url:"../user/loginSession",
            type:"get",
            success:function(data){
                var str="";
                if( data != ""  ){
                    str+="<li><a href='../page/myMessage?stu=1' data-act=\"board-click\">我的订单</a></li>";
                    str+="<li><a href='../page/myMessage?stu=2' data-act=\"board-click\">基本信息</a></li>";
                    str+="<li><a href='../page/logout' data-act=\"movies-click\">退出登录</a></li>";

                    $("#portrait").prop("src",data.img)
                    $("#myMessage").html(str);
                }

            }
        })
    }








    function del(orderId){
        bootbox.confirm({
            size: "small",
            title: "提示",
            message: "您确定要删除该订单嘛？删除后，不可恢复～",
            buttons: {
                confirm: {
                    label: '确定',
                    className: 'btn-success'
                },
                cancel: {
                    label: '取消',
                    className: 'btn-danger'
                }
            },
            callback: function(result){
                if(result){//删除
                    //调用ajax请求后台，回调刷新表格
                    $.ajax({
                        url:"../user/delOrder",
                        type:"post",
                        data:{orderId:orderId,phone:[[${session.user.phone}]],},
                        success:function(data){
                            page=1;
                            queryOrder();
                        }
                    })
                }
            }
        })
    }



    //查询用户信息
    function queryUser(){
        $.ajax({
            url:"../user/queryUserInfo",
            type:"get",
            data:{userId:[[${session.user.userId}]]},
            success:function (data) {

                $("#id").val(data.id);
                $("#nickName").val(data.nickName);
                $("#year").val(data.year);
                $("#month").val(data.month);
                $("#day").val(data.day);
                $("#occupation").val(data.occupation);
                $("#sign").val(data.sign);
                $("#img").val(data.img);
                debugger;
                $("#immm").prop("src",data.img);
                $("input[name='sex']").each(function(){
                    if($(this).val()==data.sex){
                        $(this).prop("checked",true);
                    }
                })
                $("input[name='animation']").each(function(){
                    if($(this).val()==data.animation){
                        $(this).prop("checked",true);
                    }
                })


                if (data.interest!=null){
                    var sd=data.interest.split(",");

                    for(var s=0;s<sd.length;s++){
                        $("input[name='interest']").each(function(){
                            if($(this).val()==sd[s]){
                                $(this).prop("checked",true);
                            }
                        })
                    }

                }


                }


            })
    }



    //定义 页数
    page = 1;
    rows = 10;
    //查询订单
    function queryOrder(){
        $.ajax({
            url:"../user/queryOrder",
            type:"get",
            data:{phone:[[${session.user.phone}]],page:page,rows:rows},
            success:function (data) {
                if(data.length<10){
                    $("#span2").html('<div style=\"margin-left: 400px;\" >已经到底了</div>');
                }

                var str='';


                for (var i = 0; i < data.length; i++) {

                    var sd=data[i];
                        str+= '<div class="order-box" style="width: 940px" data-orderid="22270940486">'+
                                '<div class="order-header">'+
                                      '<span class="order-date">'+data[i].date+'</span>'+
                                         '<span  class="order-id">订单号:'+data[i].orderId+'</span>'
                    if(data[i].state){
                        str+=    '<span class="del-order" onclick="del('+data[i].orderId+')" data-orderid="22270940486"></span>'
                    }



                    str+= '</div>'
                               + '<div class="order-body">'
                                    +'<div class="poster">'
                                          +'<img style="width:70px;height: 90px" src="'+data[i].img+'">'
                                    +'</div>'

                                    +'<div class="order-content">'
                                          +'<div class="movie-name">'+data[i].movieName+'</div>'
                                          +'<div class="cinema-name">'+data[i].cinemaName+'</div>'
                                          +'<div class="hall-ticket">'
                                              +'<span>'+data[i].hallName+'</span>'


                                                   var sss=data[i].seats.split(",");
                                                for (var j = 0; j < sss.length; j++) {
                                                    str +='<span>'+sss[j]+'</span>'
                                                }






                                         str +='</div>'
                                           +'<div class="show-time">'+data[i].movieDate+'</div>'
                                    +'</div>'

                                      +'<div class="order-price">￥'+data[i].orderPrice+'</div>'

                                      +'<div class="order-status">'


                                                 var a='';
                                            if(data[i].state != null){

                                                 a='未支付';
                                            }else{
                                               var sd= new Date().getTime();
                                               var sd3= new Date(data[i].movieDate).getTime();
                                               if(sd<sd3){
                                                a='已支付'
                                               }else{
                                                   a='已完成'

                                               }

                                            }


                                   str+=a;
                                  str +='</div>'

                                      +'<div class="actions">'
                                          +'<div>'
                                      if(data[i].state != null){
                                          str +=' <a href="javascript:details(\''+data[i].orderId+'\')" class="pay-btn" data-act="orders-pay-click" data-bid="b_d2ll8ybm">付款</a>'
                                          str+='<a href="javascript:details(\''+data[i].orderId+'\')"  class="order-detail" >查看详情</a>'
                                      }
                                           else{
                                               //查看已支付订单
                                          str+='<a href="javascript:details2(\''+data[i].orderId+'\')"  class="order-detail" >查看详情</a>'
                                      }


                                          str+='</div>'
                                     +'</div>'
                               +'</div>'
                         +'</div>';
                 }
                if (page==1){
                    $("#span1").html(str)
                }else{
                    $("#span1").append(str)
                }

                page++;
            }
        })

    }


    //查看未支付详情
    function details(orderid){
        location.href="../cinemaInfoPage/orderInfo?phone="+[[${session.user.phone}]]+"&orderId="+orderid;
    }
    //查看已支付详情
    function details2(orderid){
        location.href="../page/details2?orderId="+orderid;
    }

    //电影详情
    index = function(movieId) {
        //var ids = 1;
        location.href = "/buy/ticket?ids=" + movieId;
    }
    //跳转到榜单页面
    list=function(){
        location.href = "/list";
    }

    $.ajax({
        url:'../movie/getCarousel',
        success:function (data) {
            var str = ""
            for (let i = 0; i < data.length; i++) {
                str +='<li><a  target="_blank"><img onclick="index('+data[i].movieId+')" src="'+data[i].url+'"></a></li>'
            }
            $('#lbt').html(str)
        }
    })
function www(sd){
        var a=document.getElementById(sd);
        alert(a)
}

    //上传图片
    function uploadImg(url){
        // 注意id
        $('#userImg').fileinput({
            initialPreview:url,
            //初始化图片配置：
            initialPreviewConfig: [
                {key: 1, showDelete: false}
            ],
            //是否初始化图片显示
            initialPreviewAsData: true,
            language: 'zh', //设置语言
            uploadUrl: '../user/img', //上传的地址
            allowedFileExtensions: ['jpg', 'gif', 'png'],//接收的文件后缀
            showUpload: true, //是否显示上传按钮
            showCaption: false,//是否显示标题
            browseClass: "btn btn-primary", //按钮样式
            //dropZoneEnabled: false,//是否显示拖拽区域
            //minImageWidth: 50, //图片的最小宽度
            //minImageHeight: 50,//图片的最小高度
            //maxImageWidth: 1000,//图片的最大宽度
            //maxImageHeight: 1000,//图片的最大高度
            //maxFileSize: 0,//单位为kb，如果为0表示不限制文件大小
            //minFileCount: 0,
            maxFileCount: 2, //表示允许同时上传的最大文件个数
            enctype: 'multipart/form-data', //content-type
            validateInitialCount:true,
            previewFileIcon: "<i class='glyphicon glyphicon-king'></i>",
            msgFilesTooMany: "选择上传的文件数量({n}) 超过允许的最大数值{m}！",

        }).on('fileuploaded', function(event, data, previewId, index) {
            //http://localhost:8080/bootstrap-wdd/
            var	imgval = data.response.path;
            $('#testimg').val(imgval);
        });
    }



</script>

</html>
